<template>
  <div>
    <!--  二维码生成:qrcode
         1:下载  npm i qrcode
         2:导入 import Qrcode from 'qrcode'
         3:创建一个canvas标签用于显示二维码
            <canvas />
         4:使用插件
            Qrcode.toCanvas('canvas标签的dom',需要转换成二维码字符,
            {
              width:number(它有最小值,当小于最小值时它会使用默认值 130px以上)
            }
            )

      -->
    <el-button @click="btnClick">点击生成二维码</el-button>
    <canvas ref="canvas" />
  </div>
</template>
<script>
import Qrcode from 'qrcode'
export default {
  methods: {
    btnClick() {
      Qrcode.toCanvas(this.$refs.canvas, 'https://www.baidu.com', { width: 500,
        color: {
          dark: '#ff0000ff'
        }
      })
    }
  }
}
</script>
<style>
</style>
